<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Welcome</title>
    <link type="text/css" href="/static/welcome/css/style.css" rel="stylesheet"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
          integrity="sha384-olOxEXxDwd20BlATUibkEnjPN3sVq2YWmYOnsMYutq7X8YcUdD6y/1I+f+ZOq/47" crossorigin="anonymous">


</head>
<body>


<div class="slider"
     style="background-image: url('https://th.bing.com/th/id/R99c17a64707822ed071aa73b0f41fd02?rik=XHL2flZ2h8wgEw&riu=http%3a%2f%2fwww.dnzhuti.com%2fuploads%2fallimg%2f170323%2f95-1F323144449.jpg&ehk=aYX9ubjmsW26aNvEe2oJRJwuS%2bR8VHXQk0P3gqFgUd8%3d&risl=&pid=ImgRaw')">
    <div>
        <div class="container">
            {% for d in db %}
            <h1>Order Success!</h1>
            <h3>User Name: {{ d.User.username }}</h3>
            <h3>Ticket Number: {{ d.TicketNumber }}</h3>
            <h3>Train: {{ d.Train }}</h3>
            <h3>SEAT: {{ d.Seat }}</h3>
            {% endfor %}

        </div>
        <button style="width: 100px; height: 20px">
            <a href={% url 'index' %}>RETURN</a>
        </button>
    </div>


    {#	<div class="nav">#}
    {#    	<div class="next"></div>#}
    {#    	<div class="prev"></div>#}
    {#    	<div class="explore-btn"><a href={% url 'index' %}>Index</a></div>#}
    {#	</div>#}
    {##}
    {#	<div class="item is-active">#}
    {#		<div class="content">#}
    {#			<div class="wrap">Novitates</div>#}
    {#		</div>#}
    {#		<div class="imgs">#}
    {#			<div class="grid">#}
    {#				<div class="img img-1">#}
    {#					<img src="/static/welcome/img/1.jpg"/></div>#}
    {#				<div class="img img-2">#}
    {#					<img src="/static/welcome/img/2.jpg"/></div>#}
    {#        		<div class="img img-3">#}
    {#					<img src="/static/welcome/img/3.jpg"/></div>#}
    {#        		<div class="img img-4">#}
    {#					<img src="/static/welcome/img/4.jpg"/></div>#}
    {#			</div>#}
    {#    	</div>#}
    {#	</div>#}
    {##}
    {#	<div class="item">#}
    {#		<div class="content">#}
    {#			<div class="wrap">Si spem</div>#}
    {#		</div>#}
    {#		<div class="imgs">#}
    {#			<div class="grid">#}
    {#				<div class="img img-1">#}
    {#					<img src="/static/welcome/img/5.jpg"/></div>#}
    {#				<div class="img img-2">#}
    {#					<img src="/static/welcome/img/6.jpg"/></div>#}
    {#				<div class="img img-3">#}
    {#					<img src="/static/welcome/img/7.jpg"/></div>#}
    {#				<div class="img img-4">#}
    {#					<img src="/static/welcome/img/8.jpg"/></div>#}
    {#			</div>#}
    {#		</div>#}
    {#	</div>#}
    {##}
    {#	<div class="item">#}
    {#		<div class="content">#}
    {#			<div class="wrap">Adferunt</div>#}
    {#		</div>#}
    {#		<div class="imgs">#}
    {#			<div class="grid">#}
    {#				<div class="img img-1">#}
    {#					<img src="/static/welcome/img/9.jpg"/></div>#}
    {#				<div class="img img-2">#}
    {#					<img src="/static/welcome/img/10.jpg"/></div>#}
    {#				<div class="img img-3">#}
    {#					<img src="/static/welcome/img/11.jpg"/></div>#}
    {#				<div class="img img-4">#}
    {#					<img src="/static/welcome/img/12.jpg"/></div>#}
    {#			</div>#}
    {#		</div>#}
    {#	</div>#}
</div>


</body>
</html>
